import { Input } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import { useLocale } from "@/locales"

export type PayMerchantNameInputField = {
	payMerchantNameInput: string
}
const PayMerchantNameInput: FC = () => {
	const { formatMessage } = useLocale()
	const defaultNormalize = (value: string) => value.replaceAll(" ", "") || undefined
	return (
		<SFormItem
			name="payMerchantName"
			normalize={defaultNormalize}
			label={formatMessage({ id: "funds.thirdPeymentChannelConfig.payment_merchant_name" })}
		>
			<Input allowClear style={{ width: "200px" }} placeholder={formatMessage({ id: "label.please_enter" })} />
		</SFormItem>
	)
}

export default PayMerchantNameInput
